<!DOCTYPE html>
<html class="javascript js cssanimations">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>72公社</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-title" content="72公社">
    <meta name="format-detection" content="telephone=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="../../css/amaze.min.css" />
    <link rel="stylesheet" href="../../css/amazeui.min.css" />
    <link rel="stylesheet" href="../../css/app.css">
    <!--[if (gte IE 9)|!(IE)]>
		<!-->
    <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
			<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
				
			</script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/rem.min.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/respond.min.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/amazeui.legacy.js">
				
			</script>
		<![endif]-->
    <script src="../../script/amazeui.min.js"></script>
    <style type="text/css">
    /*头部背景*/
    
    .am-header-default {
        background-color: #f40;
    }
    /*分类样式*/
    
    .am-menu-dropdown1 .am-menu-nav>li>a {
        border-bottom: 1px solid #d63900;
        background: #f40;
    }
    
    .am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
        background: #e63d00;
    }
    /*按钮样式*/
    
    .am-btn-primary:hover {
        color: #fff;
        background-color: #c23400;
        border-color: #c23400;
    }
    
    .am-btn-primary {
        color: #fff;
        background-color: #f40;
        border-color: #f40;
    }
    
    .this {
        background: white;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px solid #feebdc;
        border-right: 1px solid #feebdc;
    }
    
    .this i {
        color: #ff8000;
    }
    </style>
</head>


<script type="text/javascript" src="js/appoint.js"></script>

<body>

<div class="am-g am-topbar-fixed-top" style=";padding:0 0;background:#ffaa43;height:45px;">
	<a href="javascript:history.back();">
	<div class="am-u-sm-3" style="margin-top:10px;text-align:left">

		<span class="am-icon-angle-left am-icon-sm" style="color:white;"></span>

	</div> 
	</a>

	<div class="am-u-sm-6" style="margin-top:10px;font-family:微软雅黑;color:white;text-align:center;">
		我的预约
	</div>

	<div class="am-u-sm-3" style="margin-top:11px;text-align:right">
		
	</div> 

</div>
	
	

<div class="am-g" style="padding:5px;">
	
	<%if(locals.datas.data.length<1){%>
    	<div class="am-u-sm-12" style="text-align:center;padding:5px 10px;">
		   暂无预约...
		     		 
		</div>
	<%}else{%>
		
		<%for(i=0;i<locals.datas.data.length;i++){%>
			
		
			<div class="am-u-sm-12" style="margin-top:5px; border-radius:5px;border:1px solid #e5e5e5; padding:8px;">
		      <div class="am-u-sm-12">预约编号:
		      	<%=locals.datas.data[i].appointNo%>
		      </div>
		      <div class="am-u-sm-12">预约类别：
		      	<%=locals.datas.data[i].title%>
		      </div>
		       <div class="am-u-sm-12">预约时间：
		      	<%=locals.datas.data[i].appointTime%>
		      </div>
		      <div class="am-u-sm-12">状态：
		      	<%=locals.datas.data[i].status%>
		      </div>
		      
		      <div class="am-u-sm-12" style="text-align:right;">
		      	<a href="/webapp/appointedit?appointId=<%=locals.datas.data[i]._id%>">
		      	<button class="am-btn am-btn-default"  style="border-radius:5px;color:#3aa1cf;">
				  <i class="am-icon-edit"></i>
				</button>
		      	</a>
		       
		        <button class="am-btn am-btn-default" onclick="delappoint('<%=locals.datas.data[i]._id%>');" style="border-radius:5px;color:#3aa1cf;">
					  <i class="am-icon-trash"></i>
				</button>
		       
		      </div>
		
		       
			
	        </div>
	
			
	  <%}%>
		
	  
	<%}%>
	
	
	
</div>









<!--分页-->
<div class="am-g">
   <div class="am-u-sm-12" style="text-align: center;">
   	
   	
   	<%if(locals.datas.data.length>0){%>
			
			<%if(locals.datas.allpage>1){%>
				
			  <ul class="am-pagination" style="text-align: center">
			  	<%if(locals.datas.page>1){%>                   
			        <li><a  href="/webapp/myappoints?page=<%=locals.datas.page-1%>">上一页</a></li>
			    <%}%>
		      
			      <%=locals.datas.allpage%>/<%=locals.datas.page%>
			    
			    
			    
			    <%if(locals.datas.page<locals.datas.allpage){%>
			    	
			        <li><a  href="/webapp/myappoints?page=<%=locals.datas.page+1%>">下一页</a></li>
			     <%}%>
			  </ul>
			<%}%>
	<%}%>
   	
   	
   </div>
</div>

	
	
	







    <!--提示框-->
		<div class="am-modal am-modal-alert" tabindex="-1" id="modal-alert">
			<div class="am-modal-dialog" style="border-radius:5px;">
				<div class="am-modal-hd">
					提示
				</div><div class="am-modal-bd" id="textmsg"></div>
				<div class="am-modal-footer">
					<span class="am-modal-btn">确定</span>
				</div>
			</div>
		</div>
		
		<div class="am-modal am-modal-confirm" tabindex="-1" id="modal-confirm">
			<div class="am-modal-dialog" style="border-radius:5px;">
				<div class="am-modal-hd">
					提示
				</div><div class="am-modal-bd" id="confirm_msg"></div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-cancel="">取消</span><span class="am-modal-btn" data-am-modal-confirm="">确定</span>
				</div>
			</div>
		</div>
		



<!--用户 侧边栏-->
<div id="sidebar" class="am-offcanvas am-menu-offcanvas1">
			<div class="am-offcanvas-bar">
				<div class="am-offcanvas-content">
					<div class="am-text-center">
						<%if(locals.member==undefined||locals.member==''){%>
							     尚未登陆...
							<%}else{%>
								    欢迎，<%=locals.member.account%>
						<%}%>
					</div>
				</div>
				<ul class="am-menu-nav am-avg-sm-1">
					<li class="am-nav-header">
						交易管理
					</li>
					<li class="">
						<a href="/member/myorder" target="_self">我的订单</a>
					</li>
			
					
					<li class="am-nav-header">
						个人设置
					</li>
					<li class="">
						<a href="/member/myaddress" target="_self">地址管理</a>
					</li>
					<li class="">
						<a href="/member/updatepwd" target="_self">修改密码</a>
					</li>
				</ul>
				<div class="am-offcanvas-content">
					<div class="am-text-right am-text-xs logout">
						<%if(locals.member==undefined||locals.member==''){%>
							  <div class="am-text-right am-text-xs logout">
										<a href="/member/login" >去登录</a>
									</div>
							<%}else{%>
								   <div class="am-text-right am-text-xs logout">
										<a href="/member/exit" >退出登录</a>
									</div>
						<%}%>
					</div>
				</div>
			</div>
</div>
		
<script type="text/javascript">
$(function() {

    $("#home").click(function() {
        $("#share").attr('class', 'am-share am-modal-actions am-modal-active');
        $("#dimmer").css('display', 'block');
    });

    $("#share-close").click(function() {
        $("#share").attr('class', 'am-share am-modal-actions am-modal-out');
        $("#dimmer").css('display', 'none');
    });


    var btid = $("#btid").val();

    if (btid == '1') {
        $("#index").css('color', '#fffb26');
    }
    if (btid == '2') {
        $("#wuye").css('color', '#fffb26');
    }
    if (btid == '3') {
        $("#people").css('color', '#fffb26');
    }
    if (btid == '4') {
        $("#usercen").css('color', '#fffb26');
    }

});
</script>
<style type="text/css">
.am-navbar-default .am-navbar-actions {
    background: #ffaa43;
}

.am-navbar-default .am-navbar-actions a {
    border-bottom: 1px solid #fffb26;
}

.am-navbar-default .am-navbar-nav {
    background: #ffaa43
}
</style>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="background-image:url('/wxapp/images/navbg.jpg')">
        <li>
            <a href="/wap" class="" id="index">
                <img src="../images/ico/bt1.png" />
                <span class="am-navbar-label">首页</span>
            </a>
        </li>
        <li>
            <a href="/myproperty" id="wuye" class="">
                <img src="../images/images/ico/bt2.png" />
                <span class="am-navbar-label">物业服务</span>
            </a>
        </li>
        <li>
            <a class="">
                <img src="../images/images/ico/an.png" style="height:50px;width:50px;margin-top:-1px;" />
            </a>
        </li>
        <li>
            <a href="/communityfw" id="people" class="">
                <img src="../images/images/ico/bt4.png" />
                <span class="am-navbar-label">生活服务</span>
            </a>
        </li>
        <li>
            <a href="/wxapp/usercenter" id="usercen">
                <img src="../images/images/ico/bt5.png" />
                <span class="am-navbar-label">个人中心</span>
            </a>
        </li>
    </ul>
</div>
<!--am-modal-active-->
<!--am-modal-out-->
<div class="am-share am-modal-actions" id="share" style="border-radius:5px;">
    <h3 class="am-share-title">更多服务</h3>
    <ul class="am-share-sns am-avg-sm-3">
        <li>
            <a href="/advise" data-am-share-to="qq">
                <i class="am-icon-star"></i>
                <span>意见反馈</span>
            </a>
        </li>
    </ul>
    <div class="am-share-footer">
        <button class="am-btn am-btn-default am-btn-block" style="border-radius:5px;" id="share-close" data-am-share-close>取消</button>
    </div>
</div>
<div class="am-dimmer am-active" id="dimmer" data-am-dimmer="" style="display: none;"></div>



<div data-am-widget="gotop" class="am-gotop am-gotop-fixed am-no-layout am-active" style="bottom:50px;">
	<a href="#top" title=""><i class="am-gotop-icon am-icon-arrow-up"></i></a>
</div>

<!--[if (gte IE 9)|!(IE)]><!-->

<script src="/amaze/js/main.min.js"></script>
<!--回顶部-->

<!--[if lt IE 9]>
<script src="/amaze/js/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/amaze/js/polyfill/rem.min.js"></script>
<script src="/amaze/js/polyfill/respond.min.js"></script>
<script src="/amaze/js/amazeui.legacy.js"></script>
<![endif]-->

</body>
</html>




